<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>游戏-首页</title>
    <link href="../static/css/public.css" rel="stylesheet">
    <link rel="stylesheet">
    <script src="../static/js/jquery-2.1.3.min.js"></script>
    <script src="../static/js/swiper-3.3.1.min.js"></script>
    <link href="../static/css/swiper.min.css" rel="stylesheet">
  </head>
  <body id="">
    <div class="search-box"><img src="../static/img/l.png" class="list-btn">
      <div class="title">游戏网</div><img src="../static/img/s.png" class="search-btn">
    </div>
    <div class="banner">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><a><img src="../static/img/demo3.png"></a></div>
          <div class="swiper-slide"><a><img src="../static/img/demo3.png"></a></div>
          <div class="swiper-slide"><a><img src="../static/img/demo3.png"></a></div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <script>
      new Swiper('.swiper-container', {
      	pagination: '.swiper-pagination',
      	paginationClickable: true
      })
    </script>
    <div class="content">
      <div class="list-type list-type1">
        <ul>
          <li><a><img src="../static/img/demo.png"><span>推荐</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>最新<sup></sup></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>排行</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>分类</span></a></li>
        </ul>
      </div>
      <div class="list-type list-type2">
        <div class="title1">
          <div><img src="../static/img/demo4.png">热门</div>
        </div>
        <ul>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span></a></li>
        </ul>
      </div>
      <div class="title1"><a href="###">更多+</a>
        <div><img src="../static/img/demo4.png">小编推荐</div>
      </div>
      <div class="list-type3">
        <ul>
          <li><a><img src="../static/img/demo2.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo2.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo2.png"><span>地下城与勇士</span></a></li>
          <li><a><img src="../static/img/demo2.png"><span>地下城与勇士</span></a></li>
        </ul>
      </div>
      <div class="list-type list-type2">
        <div class="title1"><a href="###">更多+</a>
          <div><img src="../static/img/demo4.png">网络游戏</div>
        </div>
        <ul>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
        </ul>
      </div>
      <div class="list-type list-type2">
        <div class="title1"><a href="###">更多+</a>
          <div><img src="../static/img/demo4.png">最新小游戏</div>
        </div>
        <ul>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
          <li><a><img src="../static/img/demo.png"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></a></li>
        </ul>
      </div>
    </div>
  </body>
</html>